$(function(){
    // var todolist =[{"title :","done: flase"} ]
    load();
    $("#title").on("keydown",function(e){
        if(e.keyCode==13){
            
            if($(this).val()!=""){
                var local = getData();
                local.push({title: $(this).val(),done: false}); 
                save(local);
                load();
            }else{alert("请输入你的代办事项！")}
            $("#title").val("");
        }
    })
    
//判断是否完成
    $("ul,ol").on("click","input",function(e){
      var index = $(this).siblings("a").attr("id");//获得点击的Id
      data = getData();//获取数据
      
      if(data[index].done){
        data[index].done=false;
      }else{
        data[index].done=true;
      }
     
      console.log(data);
      save(data);
      load();
    })
//删除待办事项
$("ul,ol").on("click","a",function(){
    var index = $(this).attr("id");//获得点击的Id
    console.log(index)
    data = getData();//获取数据
    data.splice(index,1);
    save(data);
    load();

})
//待办事项的统计
function getCount(){ 
   $("#todocount").text($("#todolist>li").length);
   $("#donecount").text($("#donelist>li").length);
}

    function getData(){
       var data = localStorage.getItem("todolist");
       if(data!=null){
       return JSON.parse(data);
    }else{
       return [];
    }
    }
    function save(data){
        
        localStorage.setItem("todolist",JSON.stringify(data))
    }
    function load(){
      $("ul,ol").empty();
      var data = getData();
      $.each(data,function(i,n){
          if(n.done){
          $("ul").prepend("<li><input type='checkbox' checked='checked'><p>" + n.title + "</p><a href='javascript:;' id=" + i + "></a> </li>")
        }else{
          $("ol").prepend("<li><input type='checkbox'><p>" + n.title + "</p><a href='javascript:;'id=" + i + "></a> </li>")
        }
      })
      getCount();
    }
})